<template>
  <div :style="{height: height + 'px'}" class="main">
      <div>{{ placeholder }}</div>
  </div>
</template>

<script>
export default {
    data() {
        return {}
    },
    props: {
        'placeholder': {
            type: String,
            default: '暂时没有数据啦',
        },
        'height': {
            type: Number,
            default: 200,
        }
    }
}
</script>

<style scoped>
.main {
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>